<!-- TEMPLATES -->
<script type="text/template" id="eventsTpl">
	<div class="wall-post large-12 columns">
		<div class="wall-head large-12 column">
			<div class="dp-tmb medium-1 large-1 columns" style="background:url({{prof_pic}});background-size:cover;">
			</div>
			<div class="wall-info medium-9 large-9 columns">
				<a href="" style="font-size:.9rem;">{{sender_fullname}} <span>created new event</span></a>
				<p><small><i class="fa fa-clock-o"> <abbr class="timeago" title="{{date_created}}"></abbr></i></small></p></i></small></p>
			</div>
			<div class="extra medium-1 large-1 column"></div>
		</div>
	
		<div class="wall-content large-12 column">
			<p>{{content}}</p>
		</div>
		<div class="meetupinfo large-12 column">
			<h5>Title: <span><a>{{title}} </a></span> </h5>
			<h5>When: <span>{{when}}</span></h5>
			<h5>Venue: <span><?= $params->venue; ?></span></h5>
		</div>
		<div class="likeshare large-12 column">
			<div class="medium-6 large-6 column">
				<ul class="inline-list">
					<li><a class="btnComing" event_id="{{event_id}}" >Going</a></li>
					<li><a class="btnMaybe" event_id="{{event_id}}" >Maybe</a></li>
					<li><a class="btnReport" event_id="{{event_id}}" >Report</a></li>
				</ul>
			</div>
			<div class="text-right medium-4 large-4 column">
				<p id="coming_{{event_id}}"class="people_coming" event_id = "{{event_id}}	">
				0 people coming</p> 
			</div>
		</div>

		<div class="commentsection large-12 column">
			<div class="textareafrm">
				<textarea receiver-id="{{sender_id}}" class="commentbox textarea-xpnd" id="{{feed_id}}" placeholder="Comment"></textarea>
			</div>
			<div id="feeds_comment_{{feed_id}}"class="commentarea large-12 column">
				
			</div>
		</div>
	</div>

</script>

<script type="text/template" id="groupsTpl">
	<div class="search-result large-6 column">
		<div class="search-cover large-12 column" style="background:white url({{cover_photo}});background-size:cover;">
			<div class="conbtn large-12 column">
				<a href="<?=BASE_URI?>group?ghd={{group_id}}" class="tiny radius button">View Group</a>
			</div>
			<div class="opac-search large-12 column">
				<div class="search-name medium-8 large-8 column">
					<h5>{{name}}</h5>
				</div>
				<div class="search-dp medium-2 large-2 column" style="background:url({{icon}});background-size:cover;border-radius:.7rem !important;">	
				</div>
				<div class="medium-2 large-2 column"></div>

			</div>		
		</div>
		<div class="search-extra large-12 column">
			<p style="font-size:.7rem;">{{privacy}} Group</p>
			<p class="xy"><small><a>{{total_group_members}} members</a> | <a>{{total_past_events}} past events</a> | <a>{{total_incoming_events}} incoming events</a></small></p>
		</div>
	</div>
</script>

<script type="text/template" id="youTpl">
	 <div>
        	<div class="chatter you"><a><img src="<?= IMAGE_URL_SMALL ?>{{recipient_prof_pic}}" />
         	<span>{{fullname}} <time class="right"><abbr class="timeago" title="{{date_created}}"></abbr></i></time></span><p><small>{{message}}</small></p></a>
         	</div>
     </div>
</script>


<script	type="text/template" id="chatPopTpl"> 
<div class="chat-box chat-popup" id="chat_box_{{id}}">
  	<div class="popup-head">
        <div class="popup-head-left">{{name}}</div>
        <div class="popup-head-right"><a class="closePopUp" data_id="{{id}}" >&#10005;</a></div>
        <div style="clear: both"></div>
    </div>
    <div id="message_container_{{id}}" class="popup-messages">
        <div>
        	<div class="chatter you"><a><img src="<?= BASE_URI ?>img/user_dp/a3.jpg" />
         	<span>Brett Virador <time class="right">3 hours ago</time></span><p><small>calculate the total number of popups suitable and then populate the toatal_popups variable.</small></p></a>
         	</div>
        </div>
  		<div>
  			<div class="chatter receiver"><a><img src="<?= BASE_URI ?>img/user_dp/a6.jpg" />
 			<span>Jane Gonzales <time class="right">3 hours ago</time> </span><p><small>haha</small></p></a>
 			</div>
 		</div>
 	</div>
 	<div class="reply"><textarea data_id="{{id}}" class="chatTrigger" placeholder="Type here"></textarea></div>
</div>	
</script>



<script type="text/template" id="notifComment">
	<div class="notif-ol large-12 column notification_member {{#hasnt_read}}
    active-notif
{{/hasnt_read}} notif_redirect" onclick="location.href='#';" data-url="<?=BASE_URI?>fullstory?fhd={{feed_idds_id}}" data-id="{{notif_id}}">
		<div class="medium-2 large-2 column">
			<img class="dp" src="<?=IMAGE_URL_SMALL?>{{profile_pic}}">
		</div>
		<div class="medium-10 large-10 column">
			<div class="time large-12 column">
				<div class="large-12 column">
					<p><a href="">{{sender_fullname}}</a><span> commented on your post: </span><a class="mypostt"> {{comment_container}}</a></p>
					<p class="timex"><small>{{date_created}}</small></p>
				</div>
			</div>
		</div>
	</div>
</script>



<script type="text/template" id="notifWallPost">
	<div class="notif-ol large-12 column notification_member {{#hasnt_read}}
    active-notif
{{/hasnt_read}} notif_redirect" onclick="location.href='#';" data-url="<?=BASE_URI?>profile?bhd={{user_id}}" data-id="{{notif_id}}">
		<div class="medium-2 large-2 column">
			<img class="dp" src="<?=IMAGE_URL_SMALL?>{{prof_pic}}">
		</div>
		<div class="medium-10 large-10 column">
			<div class="time large-12 column">
				<div class="large-12 column">
					<p><a href="">{{fullname}}</a><span> posted on your wall: </span><a class="mypostt"> {{feed_title}}</a></p>
					<p class="timex"><small>{{date_created}}</small></p>
				</div>
			</div>
		</div>
	</div>
</script>

<script type="text/template" id="notifGroupAcceptRequest">
	
	<div class="notif-ol large-12 column notification_member {{#hasnt_read}}
    active-notif
{{/hasnt_read}} notif_redirect
" onclick="location.href='#';" data-url="<?=BASE_URI?>group?ghd={{group_id}}" data-id="{{notif_id}}">
		<div class="medium-2 large-2 column">
			<img class="dp" src="{{group_icon}}">
		</div>
		<div class="medium-10 large-10 column " >
			<div class="time large-12 column">
				<div class="large-12 column">
					<p><a href="<?=BASE_URI?>group?ghd={{group_id}}">{{group_title}}</a><span> accepted your request</span></p>
					<p class="timex"><small>19 hrs</small></p>
				</div>
			</div>
		</div>
	</div>
	
</script>


<script type="text/template" id="notifAcceptRequest">
	
	<div class="notif-ol large-12 column notification_member {{#hasnt_read}}
    active-notif
{{/hasnt_read}} notif_redirect
" onclick="location.href='#';" data-url="<?=BASE_URI?>profile?bhd={{friend_id}}" data-id="{{notif_id}}">
		<div class="medium-2 large-2 column">
			<img class="dp" src="{{profile_pic}}">
		</div>
		<div class="medium-10 large-10 column " >
			<div class="time large-12 column">
				<div class="large-12 column">
					<p><a href="<?=BASE_URI?>profile?bhd={{friend_id}}">{{friend_fullname}}</a><span> accepted your request</span></p>
					<p class="timex"><small>19 hrs</small></p>
				</div>
			</div>
		</div>
	</div>
	
</script>



<script type="text/template" id="chatTpl">
<div class="large-2 columns" style="width:20%;background:none;position:fixed;right:30.98rem;bottom:0;z-index:999999999999;border-radius:.3rem .3rem 0 0;">
	<header class="top-bar max-chat">  
    <div>
      <i class="fa fa-comment"></i>
      Avatar Ang
     <small><i class="min-chat right fa fa-times"></i></small>
    </div> 

  </header>
  <section class="userchat">
    <div class="discon large-12 column">

      <div class="chat-ol large-12 column">

        <div class="section-other large-12 column">
          <div class="img large-2 column">
            <a><img src="<?= BASE_URI ?>img/user_dp/a3.jpg"></a> 
          </div>
          <div class="messsages large-10 column">
          <a href="">Brett Virador <small><i class="fa fa-clock-o"></i> <time datetime="2009-11-13T20:14"> 21 mins</time></small></a>
            <p>That makes sense.>Its a pretty small airport.</p>
          </div>
        </div>

        <div class="section-other large-12 column">
          <div class="messsages large-10 column">
          <a class="right">You <small><i class="fa fa-clock-o"></i> <time datetime="2009-11-13T20:14"> Just now</time></small></a>
            <br><p>That makes sense.></p>
          </div>
          <div class="img large-2 column">
            <a><img src="<?= BASE_URI ?>img/user_dp/a1.jpg"></a> 
          </div>
        </div>

      </div>
      <div class="large-12 column" style="padding:0;background:#009EA1;">
        <textarea class="commentbox textarea-xpnd" placeholder="Write here"></textarea>
      </div>
    </div>    
  </section>
 </div>
</script>

<script type="text/template" id="pendingTpl">
	<div id="sender_id_{{id}}" class="con-inner large-12 column request_member	">
		<div class="conn-dptmb large-2 column" style="background:url(<?= IMAGE_URL_SMALL ?>{{profile_pic}});background-size:cover;">
		</div>
		<div class="coninfo large-6 column">
			<p><a target="_blank" href="<?= BASE_URI ?>profile?bhd={{id}}">{{fname}} {{lname}}</a></p>
			<p style="margin-top:-1.3rem;">Freelance Writer</p>
			<p style="margin-top:-1.6rem;"><small>95 mutual connections</small></p>
		</div>
		<div class="conbtn large-4 text-right column">
			<a data-sender-id = "{{id}}" class="tiny radius button btnAcceptPending"> Accept</a>
			<a class="tiny radius button btnDeclinePending" style="background:#E3E2E1;color:#000;"> Decline</a>
		</div>
	</div>
</script>

<script type="text/template" id="connectionTpl">
	<div id="connection_id_{{id}}"class="con-inner large-12 column connection_member">
		<div class="conn-dptmb large-2 column" style="background:url(<?= IMAGE_URL_SMALL?>{{profile_pic}});background-size:cover;">
		</div>
		<div class="coninfo large-7 column">
			<p><a href="">{{fname}} {{lname}}</a></p>
			<p style="margin-top:-1.3rem;">Web Programmer</p>
			<p style="margin-top:-1.6rem;"><small>105 mutual connections</small></p>
		</div>
		<div class="conbtn large-3 text-right column">
			<a data-id="{{id}}" class="tiny radius button"> Connected</a>
		</div>
	</div>
</script>

<script type="text/template" id="onlineTpl">
	<div  id="chat_id_{{id}}" class="chatter chat_member">
        <a class="chatinfo" href="javascript:register_popup('{{id}}', '{{fullname}}');">
            <img src="http://res.cloudinary.com/behomebased-ph/image/upload/v{{profile_pic}}" />
            <span>{{fullname}}</span>
            <p><small>Online</small></p>
        </a>
    </div>
</script>
 <script id="commentTpl" type="text/template">
	<div id="{{comment_id}}" class="usercomment large-12 column">
				<div class="dp-comment large-1 columns" style="background:url('http://res.cloudinary.com/behomebased-ph/image/upload/v{{profile_pic}}');background-size:cover;">
				</div>
				<div class="usercommentinfo large-10 column">
					<a href="<?= BASE_URI.'profile?bhd='; ?>{{user_id}}">{{sender_fullname}}</a>&nbsp;&nbsp;<small><i class="fa fa-clock-o"><abbr class="timeago" title="{{date_created}}"></abbr></i></small>
					<p>{{{comment_container}}}.</p>
				</div>
				<div class="editicon large-1 column">
					<i class="right fa fa-pencil-square-o"></i>
				</div>
	</div>
</script>

<script id ="postTpl" type="text/template">
	<div id="{{data.feed_id}}" class="wall-post large-12 columns">
	<div class="wall-head large-12 column">
		<div class="dp-tmb large-2 columns" style="background:url('http://res.cloudinary.com/behomebased-ph/image/upload/v{{data.prof_pic}}');background-size:cover;">
		</div>
		<div class="wall-info large-9 columns">
			<a href ="<?= BASE_URI.'profile?bhd='; ?>{{data.user_id}}">{{data.fullname}}</a>
			<p><small><i class="fa fa-clock-o"> <abbr class="timeago" title="{{data.date_created}}"></abbr></i></small></p></i></small></p>
		</div>
		<div class="extra large-1 column"></div>
	</div>
	<div class="wall-content large-12 column">
		{{{comments}}} <br> <br>
		{{{html}}}
	</div>
	<div class="wall-att large-12 column">
		
	</div>
	<div class="likeshare large-12 column">
		<div class="large-6 column">
			<ul class="inline-list">
				<li><a id="feed_like_id_{{data.feed_id}}" feed-like-id="{{data.feed_id}}" class="btnLike">Like</a></li>
				<li><a>Comment</a></li>
				<li><a>Report</a></li>
			</ul>
		</div>
		<div class="text-right large-4 column">
			<p id="feeds_total_likes_{{data.feed_id}}" >0 People like this</p>
		</div>
	</div>
	<div class="commentsection large-12 column">
		<div class="textareafrm">
			<textarea receiver-id="{{data.user_id}}" class="commentbox textarea-xpnd" id="{{data.feed_id}}" placeholder="Comment"></textarea>
		</div>
		<div id="feeds_comment_{{data.feed_id}}"class="commentarea large-12 column">
			
		</div>
	</div>
</div>	
</script>

<script id ="postTpl2" type="text/template">
	<div id="{{data.feed_id}}" class="wall-post large-12 columns">
	<div class="wall-head large-12 column">
		<div class="dp-tmb large-2 columns" style="background:url('http://res.cloudinary.com/behomebased-ph/image/upload/v{{data.prof_pic}}');background-size:cover;">
		</div>
		<div class="wall-info large-9 columns">
			<a href ="<?= BASE_URI.'profile?bhd='; ?>{{data.user_id}}">{{data.fullname}}</a> to <a href ="<?= BASE_URI.'profile?bhd='; ?>{{data.sender_id}}">{{data.sender_fullname}}</a> 
			<p><small><i class="fa fa-clock-o"> <abbr class="timeago" title="{{data.date_created}}"></abbr></i></small></p></i></small></p>
		</div>
		<div class="extra large-1 column"></div>
	</div>
	<div class="wall-content large-12 column">
		{{{comments}}}
		{{{html}}}
	</div>
	<div class="wall-att large-12 column">
		
	</div>
	<div class="likeshare large-12 column">
		<div class="large-6 column">
			<ul class="inline-list">
				<li><a id="feed_like_id_{{data.feed_id}}" feed-like-id="{{data.feed_id}}" class="btnLike">Like</a></li>
				<li><a>Comment</a></li>
				<li><a>Report</a></li>
			</ul>
		</div>
		<div class="text-right large-4 column">
			<p id="feeds_total_likes_{{data.feed_id}}" >0 People like this</p>
		</div>
	</div>
	<div class="commentsection large-12 column">
		<div class="textareafrm">
			<textarea receiver-id="{{data.user_id}}" class="commentbox textarea-xpnd" id="{{data.feed_id}}" placeholder="Comment"></textarea>
		</div>
		<div id="feeds_comment_{{data.feed_id}}"class="commentarea large-12 column">
			
		</div>
	</div>
</div>	
</script>